<template>
  <div class="top">
    <span v-for="(item, index) in navs" :key="index">{{ item.name }} /</span>
  </div>
</template>

<script>
export default {
  props: ["navs"],
};
</script>

<style scoped lang="less">
.top {
  cursor: pointer;
  span {
    margin-right: 10px;
  }
  span:first-child {
    font-weight: bold;
  }
}
</style>